<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>My first Chartist Tests</title>
	<link rel="stylesheet" th:href="@{/css/chartist/chartist.min.css}">
	<script type="text/javascript" th:src="@{/ajax/libs/chartist/dist/chartist.min.js}"></script>
</head>
<body>
	<!-- Site content goes here !-->
	<div class="ct-chart ct-perfect-fourth"></div>
</body>
<script type="text/javascript">
new Chartist.Line('.ct-chart', {
	  series: [[
	    {x: 1, y: 100},
	    {x: 2, y: 50},
	    {x: 3, y: 25},
	    {x: 5, y: 12.5},
	    {x: 8, y: 6.25}
	  ]]
	}, {
	  axisX: {
	    type: Chartist.AutoScaleAxis,
	    onlyInteger: true
	  }
	});
</script>
</html>
